<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>取物</title>
  <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  <link href="plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
  <link href="plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' />
  <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
  <link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
  <link href="plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" />
  <link href="dist/css/common.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="vendor/jquery/jquery-1.10.2.min.js"></script>

  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  <!-- 验证 -->
  <link rel="stylesheet" href="dist/css/bootstrapValidator.css"/>
  <script type="text/javascript" src="dist/js/validate/bootstrapValidator.js"></script>
  <script type="text/javascript" src="dist/js/validate/z14.js"></script>
  <!-- 日历 -->
  <link href="dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="dist/js/bootstrap-datetimepicker.js"></script>
  <script src="dist/js/bootstrap-datetimepicker.zh-CN.js" ></script>

</head>
<body class="skin-blue sidebar-mini">
<div class="wrapper">
  <header class="main-header">
    <a href="index.html" class="logo">
      <span class="logo-mini"><b>S</b>P</span>
      <span class="logo-lg"><b>上铺后台</b></span>
    </a>
    <nav class="navbar navbar-static-top" role="navigation">

      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" style="padding:15px 12px";>
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- Messages: style can be found in dropdown.less-->
          <li class="dropdown ">
            <a href="gl1.html" >
              <i class="fa ">新人员审核</i>
              <span class="label label-success">9</span>
            </a>
          </li>
          <!-- Notifications: style can be found in dropdown.less -->
          <li class="dropdown ">
            <a href="z4.html" >
              <i class="fa ">新申请</i>
              <span class="label label-danger">9</span>
            </a>
          </li>
          <li class="dropdown ">
            <a href="z11.html" >
              <i class="fa ">新购买</i>
              <span class="label label-info">9</span>
            </a>
          </li>
          <li class="dropdown ">
            <a href="z10.html" >
              <i class="fa ">新租赁</i>
              <span class="label label-primary">9</span>
            </a>
          </li>
          <!-- Tasks: style can be found in dropdown.less -->
          <li class="dropdown ">
            <a href="z9.html" >
              <i class="fa ">新报修</i>
              <span class="label label-warning">9</span>
            </a>
          </li>
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
              <span class="hidden-xs">用户名Style</span>
            </a>
          </li>
          <li class="dropdown go_back">
            <a href="#">
              <span class="glyphicon glyphicon-remove"></span>
            </a>
          </li>
        </ul>
      </div>

    </nav>
  </header>
  <script>
      window.onload=function(){
          $(".go_back").click(function(){
              window.history.go(-1);
          })

      }
  </script>

  <!-- 左边导航列表main-sidebar start -->
  <aside class="main-sidebar">
    <section class="sidebar">
      <ul class="sidebar-menu">
        <li class="header">主菜单</li>
        <li class="treeview ">
          <a href="#">
            <i class="fa fa-street-view"></i> <span>管理</span>
            <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li><a href="index.html"><i class="fa fa-user"></i> 上铺后台首页</a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#">
            <i class="fa fa-laptop"></i>
            <span>用户管理</span>
            <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li class = "active"><a href="normal-user.html"><i class="fa fa-user"></i> 普通用户管理</a></li>
            <li><a href="gl1.html"><i class="fa fa-adjust"></i>入住用户管理</a></li>
            <li><a href="gl2.html"><i class="fa fa-users"></i> 内部折扣管理</a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#">
            <i class="fa fa-folder-open-o"></i>
            <span>合同管理</span>
            <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li class = "active"><a href="contract-1.html"><i class="fa fa-edit (alias)"></i> 合同管理</a></li>
          </ul>
        </li>
        <li class="treeview active ">
          <a href="#">
            <i class="fa fa-university"></i> <span>租房管理</span>
            <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li><a href="z17.html"><i class="fa fa-edit (alias)"></i> 入住协议</a></li>
            <li><a href="z21.html"><i class="fa fa-key"></i> 门卡信息</a></li>
            <li><a href="z1.html"><i class="fa fa-square"></i> 整租房间管理</a></li>
            <li><a href="z2.html"><i class="fa fa-bed"></i> 床位管理</a></li>
            <li><a href="z19.html"><i class="fa fa-archive"></i> 办公房管理</a></li>
            <li><a href="z20.html"><i class="fa  fa-calculator"></i> 办公桌管理</a></li>
            <li><a href="z3.html"><i class="fa  fa-building"></i> 店铺房管理</a></li>
            <li><a href="z4.html"><i class="fa  fa-calendar-o"></i> 申请用房管理</a></li>
            <li><a href="z6.html"><i class="fa fa-cab (alias)"></i> 车库管理</a></li>
            <li><a href="z7.html"><i class="fa fa-tty"></i> 浴室管理</a></li>
            <li><a href="z8.html"><i class="fa fa-sliders"></i> 预定管理</a></li>
            <li><a href="z9.html"><i class="fa fa-wrench"></i> 物业报修</a></li>
            <li><a href="z10.html"><i class="fa fa-exclamation-circle"></i> 租赁管理</a></li>
            <li><a href="z11.html"><i class="fa fa-shopping-cart"></i> 购买管理</a></li>
            <li><a href="z12.html"><i class="fa fa-wifi"></i> WIFI密码管理</a></li>
            <li><a href="z13.html"><i class="fa  fa-newspaper-o"></i> 公告通知</a></li>
            <li><a href="z14.html"><i class="fa fa-bar-chart-o (alias)"></i> 物品管理</a></li>
            <li><a href="z16.html"><i class="fa fa-credit-card"></i> 其他收支管理</a></li>
          </ul>
        </li>
        <li class="treeview ">
          <a href="#">
            <i class="fa  fa-inbox"></i> <span>收据发票</span>
            <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li><a href="z18.html"><i class="fa  fa-comments-o"></i> 收据信息管理</a></li>
            <li><a href="z15.html"><i class="fa fa-file"></i> 开票信息管理</a></li>

          </ul>
        </li>
        <li class="treeview ">
          <a href="#">
            <i class="fa  fa-list-ul"></i> <span>报表</span>
            <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li><a href="bb1.html"><i class="fa fa-file-text"></i> 在住汇总表</a></li>
            <li><a href="bb2.html"><i class="fa fa-file-image-o"></i> 退租汇总表</a></li>
            <li><a href="bb3.html"><i class="fa fa-file-text-o"></i> 费用明细汇总表</a></li>
            <li><a href="bb4.html"><i class="fa fa-file-archive-o"></i> 房间电余额汇总表</a></li>
            <li><a href="bb5.html"><i class="fa fa-file-zip-o (alias)"></i> 房间水余额汇总表</a></li>
            <li><a href="bb6.html"><i class="fa fa-file-powerpoint-o"></i> 收入记账</a></li>
            <li><a href="bb7.html"><i class="fa fa-file-code-o"></i> 支出记账</a></li>
            <li><a href="bb8.html"><i class="fa fa-file-o"></i> 收支报表</a></li>
          </ul>
        </li>
        <li class="treeview ">
          <a href="#">
            <i class="fa fa-cog"></i> <span>设置</span>
            <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li><a href="zf1.html"><i class="fa fa-connectdevelop"></i> 区域设置</a></li>
            <li><a href="zf2.html"><i class="fa fa-building"></i> 楼房设置</a></li>
            <li><a href="zf3.html"><i class="fa fa-coffee"></i> 房间设置</a></li>
            <li><a href="zf4.html"><i class="fa fa-lightbulb-o"></i> 租房预设置</a></li>
            <li><a href="zf5.html"><i class="fa fa-folder"></i> 合同设置</a></li>
            <li><a href="zf6.html"><i class="fa fa-bookmark-o"></i> 门禁设置</a></li>
            <li><a href="zf7.html"><i class="fa fa-sliders"></i> 电费设置</a></li>
            <li><a href="zf8.html"><i class="fa fa-tty"></i> 水费设置</a></li>
            <li><a href="zf9.html"><i class="fa fa-rss"></i> WIFI设置</a></li>
            <li><a href="zf10.html"><i class="fa  fa-leaf"></i> 通知设置</a></li>
            <li><a href="zf11.html"><i class="fa fa-truck"></i> 购买设置</a></li>
            <li><a href="zf12.html"><i class="fa fa-sitemap"></i> 租赁设置</a></li>
            <li><a href="zf13.html"><i class="fa  fa-tasks"></i> 物品设置</a></li>
            <li><a href="zf14.html"><i class="fa fa-question-circle"></i> 设备设置</a></li>
            <li><a href="zf15.html"><i class="fa fa-pie-chart"></i> 积分折扣设置</a></li>
            <li><a href="zf16.html"><i class="fa fa-money"></i> 抵用券设置</a></li>
          </ul>
        </li>
        <li class="treeview ">
          <a href="#">
            <i class="fa fa-user-secret"></i> <span>管家</span>
            <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li><a href="gly1.html"><i class="fa fa-user"></i> 管理员</a></li>
            <li><a href="gly2.html"><i class="fa fa-user-md"></i> 角色</a></li>
          </ul>
        </li>
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>
  <!-- 左边导航列表end -->

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <section class="content-header">
      <h1>
        取物
      </h1>
      <ol class="breadcrumb">
        <li><a href="index.html"><i class="fa fa-home"></i> 主页</a></li>
        <li class="active"><a href="z14.html"><i class="fa fa-users"></i>物品管理</a></li>
        <li class="active"><i class="fa fa-circle-o"></i>取物</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- /.col -->
        <div class="col-xs-12">
          <div class="box box-primary">
            <form action="z14.html" method="post" id="mation">
              <div class="box-body">
                <div class="table-responsive mailbox-messages">
                  <table class="table table-hover table-striped ">
                    <thead>
                    <th>区域</th>
                    <th>楼房</th>
                    <th>楼层</th>
                    <th>房名</th>
                    </thead>
                    <tbody>
                    <tr>
                      <td>同济支路公寓</td>
                      <td>1栋</td>
                      <td>2层</td>
                      <td>202</td>
                    </tr>
                    </tbody>
                  </table>
                  <br>
                  <br>
                  <table class="table table-hover table-striped ">
                    <thead>
                    <th>物品名称</th>
                    <th>单价</th>
                    <th>数量</th>
                    </thead>
                    <tbody>
                    <tr>
                      <td>物品名称</td>
                      <td>20.00</td>
                      <td>3</td>
                    </tr>
                    </tbody>
                  </table>
                  <br>
                  <br>
                  <table class="table table-hover table-striped ">
                    <tbody>
                    <tr>
                      <th >取物数量</th>
                      <td>
                        <div class="form-group">
                          <input type="text" class="form-control" name="numbers">
                          <span class="help-block" id="numbersMessage"></span>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th>取物人</th>
                      <td>
                        <div class="form-group">
                          <input type="text" class='form-control' name='username'>
                          <span class="help-block" id=usernameMessage></span>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th>取物人手机</th>
                      <td>
                        <div class="form-group">
                          <input type="text" class='form-control' name='mobile'>
                          <span class="help-block" id=mobileMessage></span>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th>取物日期</th>
                      <td>
                        <div class="form-group">
                          <div class="input-group date form_date " data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                            <input class="form-control" type="text" value="" name="operate_date">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                          </div>
                          <span class="help-block" id="operate_dateMessage"></span>
                          <input type="hidden" id="dtp_input2" value="" / ><br/>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th >备注</th>
                      <td>
                        <div class="form-group">
                          <textarea name="solution" class="form-control" style="width:100%;height:100px;overflow:auto;resize:none;"></textarea>
                          <span class="help-block" id="solutionMessage"></span>
                        </div>
                      </td>
                    </tr>
                    </tbody>
                  </table>
                </div>
                <div class="box-footer">
                  <button type="submit"  class="btn btn-success" style="margin-bottom:5px">提交</button>
                  <button type="button"  class="btn btn-default" onclick="window.history.go(-1)" style="margin-bottom:5px">返回</button>
                </div>
              </div><!-- /.box-body -->
            </form>
          </div><!-- /. box -->
        </div><!-- /.col -->
      </div>

    </section><!-- /.content -->
  </div><!-- /.content-wrapper -->
  <!--版权声明start-->
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b> 1.0
    </div>
    <strong>Copyright &copy; 2014-2015 <a href="#">上铺</a>.</strong> All rights reserved.
  </footer>
  <!--/版权声明end-->
  <div class='control-sidebar-bg'></div>

</div><!-- ./wrapper -->

<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src='plugins/fastclick/fastclick.min.js'></script>
<script src="dist/js/app.min.js" type="text/javascript"></script>
<script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script src="dist/js/demo.js" type="text/javascript"></script>

</body>
</html>